import { defineComponent, ref } from 'vue';
// apis
// hooks
// utils
// stores
// configs
// components
// props
// emits
// refs
// computed
// methods
// watch
export default defineComponent(
  () => {
    const menus = ref([
      { key: 'home', label: '首页' },
      { key: 'cesium', label: 'Cesium3D地图' },
      { key: 'mapbox-gl', label: 'mapbox-gl3D地图' },
      { key: 'mapboxGlDrawArea', label: 'mapbox-gl绘制Area' },
      { key: 'mapboxGlDrawLine', label: 'mapbox-gl绘制Line' },
      { key: 'mapboxGlDrawPoint', label: 'mapbox-gl绘制Point' },
      { key: 'geojsonTransformCoordinate', label: 'geojson转换坐标系' },
    ]);
    return () => <a-menu mode={'inline'} theme={'dark'} items={menus.value} />;
  },
  { name: 'SystemMenus' },
);
